<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商品详情</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="../common/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../common/css/common.css">
    <link rel="stylesheet" type="text/css" href="../libs/swiper/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/nativeShare_8fe666ea.css">
    <link rel="stylesheet" type="text/css" href="css/new_design.css">

</head>
<body>
    <div class="container">
        <div class="header clear">
            <div class="left go-back head-back-2"></div>
            <div class="right" id="reg"></div>
            <div class="auto">商品详情</div>           
        </div>
        <div style="background:#fff;height:0.44rem;"></div>
        <div class="wrap_main">
        	<div class="main">
        		<div class="info clear">
                    <div class="images swiper-container">
                        <div class="swiper-wrapper">    
                            <!-- <div class="swiper-slide">
                                <img src="img/banner.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="img/banner.png" alt="">
                            </div> -->
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="info-introduce">
                        <p class="keywords"></p>
                    </div>
                    <div class="juice-design clear">
                        <div class="juice-info left">
                            <h3 class="single name"></h3>
                            <span>￥<i class="minPrice"></i>/箱起</span>
                        </div>
                        <div class="share right">
                            <img src="img/fx.png" alt="">
                            <span>分享</span>
                        </div>
                        <ul class="left">
                            <li class="single">已销：<i class="soldTotal"></i></li>
                            <li class="single text-center">评论：<i class="reviewsTotal"></i></li>
                            <li class="single right click-praise text-right"><img src="img/zan.png" alt=""><i class="voteTotal">200</i></li>
                        </ul>
                    </div>
                    <!--制造商-->
                    <div class="producer clear">
                         <img src="" alt="" class="main-img mfImageUrl"> 
                        <div class="p-info left">
                            <h4 class="single">制造商：<i class="manufacturer"></i></h4>
                            <p class="single p-date">定制发货：<i class="period"></i>天</p>
                            <p class="p-star clear">
                                <span>综合评级：</span>
                                <img src="img/star.png" alt="">
                                <img src="img/star.png" alt="">
                                <img src="img/star.png" alt="">
                                <img src="img/star.png" alt="">
                                <img src="img/star.png" alt="">
                            </p>
                        </div>
                        <span>
                            <img src="img/more_2@3x.png" alt="">
                        </span>
                    </div>
                    <!--产品参数-->
                    <a name="product-data"></a>
                    <div class="product-data clear">
                    <a name="comments"></a>
                        <span>产品参数</span>
                        <img src="img/more_2@3x.png" alt="">
                    </div>
                    <!--商品详情和评论和立即分享-->
                    
                    <div class="detail-comment">
                     
                        <div class="goods-detail remark">
                            
                        </div>
                        
                        <ul class="comment-type condition  comment  tab clear">
                            <li class="active">全部</li>
                            <li>有图</li>
                            <li>追评</li>
                        </ul>
                        <div class="comment tab"  style="min-height: 4.2rem"> 
                            <div class="commentlist  tab comment">
                                
                            </div>
                            <div class="no-comment comment tab">
                                <img src="img/kong.png" alt="">
                                <p>暂无评论</p>
                            </div>  
                        </div>
                        <div class="share_use">
                            <div class="qr_code tab">
                                <div class="hx_sh clear">
                                    <span style="margin-left: 8%"></span><i>火匣生活</i><span></span>
                                </div>
                                <div class="hx_fx">
                                    <img class="img_1" src="../common/img/avatar_default.jpg">
                                    <p>来自<span class="name_fx" style="color: #ff7900"></span>真诚的推荐<br/>让你享受贴心的定制购物体验！</p>
                                    <img class="img_2" src="img/33@2x.png">
                                </div>
                               
                            </div>
                            <div class="qr_code_2">
                                <img class="img_3" src="img/22@2x.png">
                                <a href="tel:400-825-8521"><img class="img_4" src="img/11@2x.png"></a>
                            </div>
                        </div>    
                    </div>
                    <div style="height:0.56rem;background:#fff;"></div>
        		</div>
        	</div>            
        </div>
    </div>

    <!--头部吸顶-->
    <div class="head-change">
        <ul class="clear">
            <li class="h-goods">商品</li>
            <li class="h-detail active">详情</li>
            <li class="h-comment">评价</li>
        </ul>
    </div>
    
    <!--下方立即购买-->
    <div class="now-buy">
        <a href="tel:400-825-8521" class="telService"></a>
        <!--<a href="javascript:;" class="buy-car">
            <span>0</span>
        </a>-->
        <input type="button" class="now-design" value="立即定制">
        <input type="button" class="normal-buy" value="原厂购买">
        <input type="button" class="sale_down  tab" style="width: 84%;color: #666" value="此产品已下架">
    </div>

    <!--产品参数弹窗-->
    <div class="gray tab">
        <div class="data-alert">
            <h4>产品参数</h4>
            <ul class="attribute">
              
            </ul>
            <input type="button" name="" value="关 闭">
        </div>        
    </div>
    <!-- 分享 -->
    <div class="share_cover tab"></div>
    <div class="wrap_share tab">
        <div class="top">
            <p style="width: 100%;height: 0.3rem;line-height: 0.3rem">分享就能持续获得消费返利</p>
            <div class="left"></div>
            <p class="left">分享到</p>
            <div class="left"></div>
        </div>
        <div id="nativeShare"></div>
        <div class="bottom ">
            <div class="icon">
                <img src="img/weixin.png" alt="微信好友"/>
                <p></p>
            </div>
            <div class="icon">
                <img src="img/pengyouquan.png" alt="朋友圈"/>
                <p></p>
            </div>
            <div class="icon">
                <img src="img/qq.png" alt="QQ好友"/>
                <p></p>
            </div>
        </div>

    </div>

    <div class="pay_container tab">
        <div class="pay_main">
            <div class="text">
                <p>请点击右上角</p>
                <p>分享给指定好友</p>
                <p>或分享到朋友圈</p>
            </div>
        </div>
    </div>
    <!-- 评论大图 -->
    <!-- <div class="img_grey tab"></div> -->
    <div class="img_big tab">
        <!-- <img src="img/banner.png"> -->
    </div>
        <!--消息-->
    <div class="msg tab">
        <ul>
            <li class="message">
                <a href="javascript:;">消息</a>
            </li>
            <li class="cart">
                <a href="javascript:;">购物车</a>
            </li>
            <li class="index">
                <a href="/index.html">首页</a>
            </li>
        </ul>
    </div>
    <script src="../common/js/jquery.js"></script>
	<script src="../common/js/post.js"></script>
	<script src="../common/js/json2.js"></script>
    <script src="../common/js/rem.js"></script>
    <script src="../common/js/common.js"></script>
    <script src="../libs/swiper/swiper.min.js"></script>
    <script src="../common/js/nativeShare_9c6025b5.js"></script>
    <script src="../libs/imgzoom/js/zoomImgFn.js"></script>
    <script src="js/newDesign.js"></script>
</body>
</html>